@charset "UTF-8";
@import "../../base/_common";



%photo-width-height{
	width:467px;
	height:449px;
}
.car-photos{
	position:relative;
	background: #fff;
	@extend %photo-width-height;
	li{
		@extend %photo-width-height;
		position:absolute;
		left:0;
		top:0;
		visibility: hidden;
		img {
			margin-top:69px;
			width:467px;
			height:311px;
	        opacity:0.8;
	        transition:opacity 300ms linear;
	    }
	}
	.cur{
		visibility: visible;
		img{
	    	opacity:1;
	    }
    }
}
.car-tabs{
	position:relative;
	margin:0 0 0 -2px;
	padding-top:22px;
	width:470px;
	%width-height{
		width:92px;
		height:60px;
	}
	li{
		float:left;
		text-align: center;
		margin-left:2px;
		display: inline;
		position: relative;
		@extend %width-height;
		img {
			@extend %width-height;
		}
		em{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			display: block;
			background: #000;
			opacity: 0.5;
		}
	}
}

%span{
	vertical-align: middle;
	display: table-cell;
	*display: block;
	color: #fff;
}
%label-width-height{
	width: 74px;
	padding: 5px 5px;
}
.tip-label{
	position: absolute;
	top: 0;
	left: 0;
	line-height: 150%;
	font-size: 16px;
	text-align: center;
	background: $color-red-1;
	//overflow: hidden;
	width:84px;

	&.tip-blue{
		background: $color-blue-1;
	}
	.label{
    	@extend %span;
    	@extend %label-width-height;
	}
	.ieLab{
		display:block;position:absolute;width:100%;text-align:center;left:0px;
	}
	.time-info{
		position:absolute;
		left:88px;
		top:0;
		padding:5px 5px;
		font-size:14px;
		background-color:#eee;
		width: 186px;
		word-break: break-all;
		line-height:24px;
	}
	.left-triangle{
		position:absolute;
		left:84px;
		top:8px;
		height: 0;
	    width: 0;
	    line-height: 0;
	    font-size: 0;
	    border: 9px dashed transparent;
	    border-left: 9px solid  $color-red-1;
	}
}

.short-share{
	padding-top:16px;
	padding-left:20px;
	color:$color-gray-3;
	height:60px;

	%i-width-height{
		width:12px;
		height:13px;
	}
	li{
		cursor: pointer;
		padding-left: 18px;
		position:relative;
		@include inline-block;
		margin-right:19px;
		i{
			position:absolute;
			left:0;
			top:2px;
		}
		.share{
			//background:url(#{$imgurl-base}/mall/detail/icon-share.png) no-repeat;
			@include iconItemNoSize($iconsDetail,"icon-share-2.0",$extend:detailMaps);
			@extend %i-width-height;
		}
		.mobile{
			//background:url(#{$imgurl-base}/mall/detail/icon-mobile.png) no-repeat;
			@include iconItemNoSize($iconsDetail,"icon-mobile-2.0",$extend:detailMaps);
			@extend %i-width-height;
		}
	}
	.add-collection{
		.store{
			//background:url(#{$imgurl-base}/mall/detail/icon-store.png) no-repeat;
			@include iconItemNoSize($iconsDetail,"icon-store-2.0",$extend:detailMaps);
			@extend %i-width-height;
		}
	}
	.add-favor{
		em{
			font-size:14px;
		}
	}
	.cancel-collection{
		.store{
			//background:url(#{$imgurl-base}/mall/detail/icon-store-hover.png) no-repeat;
			@include iconItemNoSize($iconsDetail,"icon-store-hover-2.0",$extend:detailMaps);
			@extend %i-width-height;
		}
	}
	//重置百度分享
	.bdshare-button-style0-24:after{
		content:"";
	}
	.bdshare-button-style0-24 .bds_more{
		float:none;
	}
	.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{
		font-size: 14px;
		padding: 0;
		line-height: inherit;
		height: inherit;
		background:none;
		cursor: pointer;
		margin: 0;
		color:$color-gray-3;
		text-decoration: none;
	}
}